<!-- 
    1.v-on就是用来绑定方法的
    2. 它有一个语法糖，直接用@func的形式
 -->
 <!DOCTYPE html>
 <html lang="en">
     <head>
         <meta charset="UTF-8">
         <title>Title</title>
     </head>
     <body>
         <div id="app">
             <!-- 方法没有参数，可以省略方法的小括号 -->
             <button @click="btn1Click">按钮1</button>
             <button @click="btn1Click()">按钮1.1</button>
             <!-- 方法有参数的时候，如果绑定的时候没写参数，就会把浏览器生成的event参数传给方法 -->
             <button @click="btn2Click('abc')">按钮2</button>
             <button @click="btn2Click">按钮2.2</button>
             <!-- 方法定义时，需要event对象，还需要参数 -->
             <!-- event对象前面需要加一个$符号 -->
             <button @click="btn3Click('abc', $event)">按钮3</button>
             <button>按钮4</button>
         </div>
         <script src="../js/vue.js"></script>
         <script>
             const app =new Vue({
                 el: '#app',
                 data: {
                     counter: 0
                 },
                 methods: {
                     btn1Click() {
                         console.log("btn1Click")
                     },
                     btn2Click(a1) {
                         console.log(a1)
                     },
                     btn3Click(a1, event) {
                         console.log(a1)
                         console.log(event)
                     }
                 },
             })
         </script>
     </body>
 </html>